<template>
	<view>
		<u-dropdown>
			<u-dropdown-item v-model="value_1" title="级别" :options="options1"></u-dropdown-item>
			<u-dropdown-item v-model="value_2" title="类别" :options="options2"></u-dropdown-item>
		</u-dropdown>
		<view class="act_list u-line-1" v-for="item in items" v-if="provider=='weixin'"
			@click="goRetru(item.rId,item.message)">
			<view class="inf_img">
				<image
					src="http://img.desktx.com/d/file/wallpaper/scenery/20170120/fdf948c82074494a74bf258eed4f855d.jpg"
					mode="aspectFill" class="index_img" title="22132"></image>
			</view>
			<view id="inf_name" class="inf">
				<h3>{{ item.message }}</h3>
			</view>
			<view id="inf_intro" class="inf" role="presentation">{{item.intro}}</view>
		</view>
		<view class="act_list u-line-1" v-for="item in items" v-else @click="goRetru(item.rId,item.message)">
			<view class="inf_img">
				<cover-image
					src="http://img.desktx.com/d/file/wallpaper/scenery/20170120/fdf948c82074494a74bf258eed4f855d.jpg"
					mode="aspectFit" class="index_img" title="22132"></cover-image>
			</view>
			<view id="inf_name" class="inf">
				<h3>{{ item.message }}</h3>
			</view>
			<view id="inf_intro" class="inf" role="presentation">{{item.intro}}</view>
		</view>
		<view class="wrap">
			<text>滑动页面，返回顶部按钮将出现在右下角</text>
			<u-back-top :scroll-top="scrollTop" :icon-style="iconStyle" :custom-style="customstyle"></u-back-top>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				provider: '',
				items: [{
						message: '琴理工作室',
						index_img: '',
						rId: '1',
						grade: '2',
						kind: '2',
						intro: '琴理工作室是沈阳理工大学教务处旗下的学生开发团队'
					},
					{
						message: '沈阳理工大学校学生会21',
						index_img: '',
						rId: '1',
						grade: '2',
						kind: '1',
						intro: '琴理工作室是沈阳理工大学教务处旗下的学生开发团队'
					},
					{
						message: '沈阳理工大学校学生会12',
						index_img: '',
						rId: '1',
						grade: '1',
						kind: '2',
						intro: '琴理工作室是沈阳理工大学教务处旗下的学生开发团队'
					},
					{
						message: '沈阳理工大学校学生会22',
						index_img: '',
						rId: '',
						grade: '2',
						kind: '2',
						intro: '琴理工作室是沈阳理工大学教务处旗下的学生开发团队'
					},
					{
						message: '沈阳理工大学校学生会11',
						index_img: '',
						rId: '',
						grade: '1',
						kind: '1',
						intro: '琴理工作室是沈阳理工大学教务处旗下的学生开发团队'
					}
				],
				value_1: 1,
				value_2: 2,
				scrollTop: 0,
				iconStyle: {
					fontSize: '32rpx',
					color: '#99CCCC',
				},
				customstyle:{
					background:'#FFCC99'
				},
				options1: [{
						label: '默认全部',
						value: 1,
					},
					{
						label: '社团类',
						value: 2,
					},
					{
						label: '校级组织',
						value: 3,
					},
					{
						label: '院级组织',
						value: 4,
					}
				],
				options2: [{
						label: '学术科技',
						value: 1,
					},
					{
						label: '志愿服务',
						value: 2,
					},
					{
						label: '组织办公',
						value: 3,
					},
					{
						label: '创新创业',
						value: 4,
					},
					{
						label: '文化体育',
						value: 5,
					},
				],
				grade: '0',
				kind: '0'
			}
		},
		onLoad() {
			// console.log(uni.getStorageSync('provider'));
			this.provider = uni.getStorageSync('provider')
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods: {
			goRetru(id, title) {
				uni.navigateTo({
					url: '/pages/activ/activ?id=' + id + '+&title=' + title
				})
			},
		}
	}
</script>

<style>
	@import url("@/style/list.css");

	/* .act_list {
		height: 350rpx;
		padding: 20rpx;		
		border-radius: 10rpx;
		margin: 10rpx;
		-webkit-box-shadow:0px 3px 3px #c8c8c8 ;
		-moz-box-shadow:0px 3px 3px #c8c8c8 ;
		box-shadow:0px 3px 3px #c8c8c8 ;
	}

	.index_img {
		border-radius: 10rpx;
		height: 250rpx;
		width: 100%;
	}

	.inf {
		display: inline;
	}

	#inf_name {
		
	}

	.inf_img {
		
	}

	#inf_intro {
		font-size: small;
		color: #999999;
	}
  
	.icon_fire{
		display: inline;
		float: right;
	} */
	.wrap {
		height: 200vh;
		background-color: #A32424;
	}
</style>
